<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="/application/views/libraries/easyUi/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="/application/views/libraries/easyUi/themes/icon.css">
		<script type="text/javascript" src="/application/views/libraries/jQuery/jquery-1.11.0.min.js"></script>
		<script type="text/javascript" src="/application/views/libraries/easyUi/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="/application/views/libraries/utils/utils.js"></script>
		<script type="text/javascript" src="/application/views/libraries/component/component.js"></script>
		<script type="text/javascript" src="/application/views/module/Language/language.js"></script>
		<script type="text/javascript" src="/application/views/module/Mail/mail.js"></script>
	</head>
	
	<body style="width:100%; height:100%; margin:0;" onload="Mail.Send.init()">
		<div id="dataGridPanel" style="width:1px; position:relative;left:20px;top:20px; ">
			<table id="dataGrid" style="width: 600px;">
			</table>
		</div>
		
		<div id="applyWindow" style="padding:10px 10px 10px 10px">
			<div class="easyui-layout" data-options="fit:true">
				<div data-options="region:'center'">
					<table id="itemDataGrid" style="width: 600px;">
					</table>
				</div>
				<div data-options="region:'south'" style="height:40px; text-align:center; padding:8px 10px 8px 10px">
					<a id="submitButton" href="javascript:void(0)"></a>
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a id="resetButton" href="javascript:void(0)"></a>
				</div>
				<div data-options="region:'west'" style="width:250px; padding:10px 10px 10px 10px">
					<table>
						<tr>
							<td width="60">
								<label id="gameAreaCombogridLabel"></label>
							</td>
							<td width="120">
								<input id="gameAreaCombogridInput" autocomplete="off" />
							</td>
						</tr>
						<tr>
							<td>
								<label id="roleNameValidateboxLabel"></label>
							</td>
							<td>
								<input id="roleNameValidateboxInput" autocomplete="off" />
							</td>
						</tr>
						<tr>
							<td>
								<label id="roleLevelRangeLabel"></label>
							</td>
							<td>
								<input id="minRoleLevelValidateboxInput" style="width:50px" autocomplete="off" />
								&nbsp;
								-
								&nbsp;
								<input id="maxRoleLevelValidateboxInput" style="width:50px" autocomplete="off" />
							</td>
						</tr>
						<tr>
							<td>
								<label id="senderNameValidateboxLabel"></label>
							</td>
							<td>
								<input id="senderNameValidateboxInput" autocomplete="off" />
							</td>
						</tr>
						<tr>
							<td>
								<label id="titleValidateboxLabel"></label>
							</td>
							<td>
								<input id="titleValidateboxInput" autocomplete="off" />
							</td>
						</tr>
						<tr>
							<td>
								<label id="contentTextboxLabel"></label>
							</td>
							<td>
								<textarea id="contentTextboxInput" cols="15" rows="6"></textarea>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
		
		<div id="addItemWindow" style="padding:10px 10px 10px 10px">
			<table>
				<tr>
					<td width="80px">
						<label id="itemComboboxLabel"></label>
					</td>
					<td width="120px">
						<input id="itemComboboxInput" autocomplete="off" />
					</td>
				</tr>
				<tr>
					<td>
						<label id="countNumberboxLabel"></label>
					</td>
					<td>
						<input id="countNumberboxInput" autocomplete="off" />
					</td>
				</tr>
				<tr height="10px">
				</tr>
				<tr>
					<td colspan="2" align="center">
						<a id="submitButton" href="javascript:void(0)"></a>
						&nbsp;&nbsp;&nbsp;&nbsp;
						<a id="resetButton" href="javascript:void(0)"></a>
					</td>
				</tr>
			</table>
		</div>
		
		<div id="infoWindow" style="padding:10px 10px 10px 10px">
			<div class="easyui-layout" data-options="fit:true">
				<div data-options="region:'center'">
					<table id="dataGrid">
					</table>
				</div>
			</div>
		</div>
	</body>
</html>